<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>最新推荐</title>
  <!-- Bootstrap -->
  <link href="css/bootstrap.min.css" rel="stylesheet">
  <link href="css/style.css" rel="stylesheet">
</head>

<body>
  <!--头部-->
  <header class="top">
    <div class="container">
      <div class="logo fontsize5 pull-left"><img src="images/logo (1).png" width="240" /></div>

    </div>
    <div class="search pull-right mes" onclick="op(this)">

    </div>
    <div class="menu clearfix">
      <ul class="container" style="width: 1000px">
        <li class=" first"><a href="index.html" target="_self">首页</a></li>
        <li class=""><a class="noborder " href="jinkou.html" target="_self">菜谱</a></li>
        <li class=""><a class="noborder " href="guonei.html" target="_self">食材</a></li>
        <li><a href="news.html" target="_self">健康</a></li>
        <li class=""><a class="noborder " href="remai.html" target="_self">推荐</a></li>
        <li class=""><a class="noborder " href="reg.html" target="_self">注册</a></li>
      </ul>
    </div>
    <div class="search pull-right mes" onclick="op(this)">

    </div>

  </header>
  <script>

    function op(ele) {
      var pDiv = ele.parentNode;
      if (pDiv.classList.contains("tdiv")) {
        pDiv.classList.remove("tdiv");
      } else {
        pDiv.classList.add("tdiv");
      }
    }
  </script>
  <div class="clearfix"></div>
  <div class="swiper-container">
    <div class="navigation">
      <ul class="container title">
        <li class=" first"><a href="index.html" target="_self">首页</a></li>
        <li class=""><a class="noborder " href="jinkou.html" target="_self">菜谱大全</a></li>
        <li class=""><a class="noborder " href="guonei.html" target="_self">食材大全</a></li>
        <li><a href="news.html" target="_self">健康健身</a></li>
        <li class=""><a class="noborder " href="remai.html" target="_self">最新推荐</a></li>
        <li class=""><a class="noborder " href="reg.html" target="_self">注册</a></li>
      </ul>
    </div>
    <img src="images/a.jpg" width="100%"> </div>
  <div class="hei30"></div>
  <div class="container center bod">
    <div class="col-md-12 col-lg-12 ">
      <div class=" pad0 weizhi "> <span class="pull-left fontsize4">最新推荐</span>
        <p class="clearfix"></p>
      </div>
      <div class="clearfix "></div>
      <div class="hei30"></div>
    </div>
    <div class="clearfix "></div>
    <div class="cp text-center">
      <div class="col-sm-3 col-xs-6"><a href="guonei.html"><img src="images/baby.jpg">
          <p>美食图片</p>
          <span><i>￥</i>56.00</span>
        </a> </div>
      <div class="col-sm-3 col-xs-6"><a href="guonei.html"><img src="images/bb1.jpg">
          <p>美食图片</p>
          <span><i>￥</i>56.00</span>
        </a> </div>
      <div class="col-sm-3 col-xs-6"><a href="guonei.html"><img src="images/bb2.jpg">
          <p>美食图片</p>
          <span><i>￥</i>56.00</span>
        </a> </div>
      <div class="col-sm-3 col-xs-6"><a href="guonei.html"><img src="images/cp1.jpg">
          <p>美食图片</p>
          <span><i>￥</i>56.00</span>
        </a> </div>
      <div class="col-sm-3 col-xs-6"><a href="jinkou.html"><img src="images/tt1.jpg">
          <p>川菜</p>
          <span><i>￥</i>56.00</span>
        </a> </div>
      <div class="col-sm-3 col-xs-6"><a href="jinkou.html"><img src="images/tt2.jpg">
          <p>川菜</p>
          <span><i>￥</i>56.00</span>
        </a> </div>
      <div class="col-sm-3 col-xs-6"><a href="jinkou.html"><img src="images/tt4.jpg">
          <p>川菜</p>
          <span><i>￥</i>56.00</span>
        </a> </div>
      <div class="col-sm-3 col-xs-6"><a href="jinkou.html"><img src="images/tt9.jpg">
          <p>川菜</p>
          <span><i>￥</i>56.00</span>
        </a> </div>
    </div>
    <div class="hei30"></div>
  </div>
  <!--底部-->
  <div class="clearfix"></div>
  <div class="Footer-wrapper">
    <div class="fcr">网页底部 </div>
  </div>
</body>

</html>